function doms(selector){
    var dom = document.querySelectorAll(selector);
    if(dom.length == 1){
        return dom[0];
    }
    return dom;
}
// 轮播图
var lunbotu = doms(".lunbotu");
var imgList = doms(".imgList");
// 所有小圆点
var dotList = doms(".dot ul li");

// 当前轮播图片的索引号
var currentIndex = 1;
// 获取宽度
var imgWidth = lunbotu.offsetWidth;
// 默认显示第1张图片
imgList.style.transform = `translateX( -${imgWidth*currentIndex}px)`;
// 小圆点序号
var circleIndex = 0;

var timer = null;
// 自动播放功能
function autoPlay(){
    if( timer == null){
        timer = setInterval(function(){
            currentIndex++;
            // 位移
            imgList.style.transform = `translateX( -${imgWidth*currentIndex}px)`;
            // 过渡
            imgList.style.transition = "transform 1s";

            // 小圆圈跟随变化
            circleIndex++;

             // 小圆点边界判断
             if (circleIndex >= 5) {
                circleIndex = 0;
            }

            // 排他
            $(".dot ul li").removeClass("current");
            // 当前高亮
            $(".dot ul li").eq(circleIndex).addClass("current");
            
        },2000)
    }
}
autoPlay();

// 过渡完成事件
imgList.ontransitionend = function () {
    if (currentIndex >= 6) {
        // 不做过渡,回到图片1
        imgList.style.transition = "none";

        // 设置currentIndex = 1
        currentIndex = 1;
        imgList.style.transform = `translateX( -${imgWidth*currentIndex}px)`;
    }
}

// 拖动
lunbotu.ontouchstart = function( e ){
    console.log(11);
    // var startX = e.touches[0].clientX;
    // // console.log(startX);
    // var startY = e.touches[0].clientY;
    // var divOffsetLeft = objDiv.offsetLeft; 
    // var divOffseTop = objDiv.offsetTop; 
    // // console.log(divOffsetLeft);

    // var x = startX - divOffsetLeft;
    // var y = startY - divOffseTop;

    // console.log( x, y );

    lunbotu.ontouchmove = function( evt ){
        // objDiv.style.left = evt.touches[0].clientX - x + "px";
        // console.log(evt.touches[0].clientX);
        console.log(11);
        // objDiv.style.top = evt.touches[0].clientY - y + "px";

        // 阻止默认行为,可以阻止手指按下屏幕以后滑动屏幕
        evt.preventDefault();
    }
}

// 滚动条
window.onscroll = function(){
    var top = document.documentElement.scrollTop || document.body.scrollTop;
    if(top > 0){
        $(".nav").css({
            "backgroundColor": "#fff" ,"color":"black",
        });
        $(".myIcon").css({
            "backgroundPosition": "-1px -157px"
        })
        $('.my').css({
            "color":"black"
        })
        $(".nav input").css({
            "border":"1px solid #e0e0e1",
        });
    }
    if( top == 0 ) {
        $('.nav').css({ "backgroundColor": "rgba(255,255,255,.1)" })
        $(".myIcon").css({
            "backgroundPosition": "-1px -73px",
        })
        $('.my').css({
            "color":"#fff",
        })
    }
}